/***********总容器***********/
.wrapper{
    width: 100%;
    height:100%;
}
/***********header部分***********/
.wrapper header{
    width:100%;
    height:8vw;
    background-color: #0097FF;
    color:#fff;
    font-size:3vw;

    position:fixed;
    left: 0;
    top:0;
    z-index: 1000;

    display: flex;
    justify-content: center;
    align-items: center;
}
/***********商家logo部分***********/
.wrapper .business-logo{
    width:100%;
    height:25vw;
    margin-top: 7vw;
    display: flex;
    justify-content: center;
    align-items: center;
}
/***********商家信息部分***********/
.wrapper .business-logo img{
    width:30%;
    height:20vw;
    border-radius: 5px;
}
/***********商家信息部分***********/
.wrapper .business-info{
    width:100%;
    height:15vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.wrapper .business-info h1{
    font-size: 5vw;
}
.wrapper .business-info p{
    font-size: 3vw;
    color:#666;
    margin-top: 1.5vw;
}
/***********食品列表部分***********/
.wrapper .food{
    width:100%;
    padding-bottom: 14vw;
}
.wrapper .food li{
    width:100%;
    box-sizing: border-box;
    padding:2vw;
    user-select: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.wrapper .food li .food-left{
    display: flex;
    align-items: center;
}
.wrapper .food li .food-left img{
    width:20vw;
    height:20vw;
}
.wrapper .food li .food-left .food-left-info{
    margin-left: 2vw;
}
.wrapper .food li .food-left .food-left-info h3{
    font-size: 3vw;
    color:#555;
}
.wrapper .food li .food-left .food-left-info p{
    font-size: 2.5vw;
    color:#888;
    margin-top: 2vw;
}
.wrapper .food li .food-right{
    width:16vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.wrapper .food li .food-right .fa-minus-circle{
    font-size: 4.5vw;
    color:#999;
    cursor: pointer;
}
.wrapper .food li .food-right p{
    font-size: 3vw;
    color:#333;
}
.wrapper .food li .food-right .fa-plus-circle{
    font-size: 4.5vw;
    color:#0097EF;
    cursor: pointer;
}
/***********购物车部分***********/
.wrapper .cart{
    width:100%;
    height:12vw;

    position:fixed;
    left:0;
    bottom:0;
    display: flex;
}
.wrapper .cart .cart-left{
    flex: 2;
    background-color: #505051;
    display: flex;
}
.wrapper .cart .cart-left .cart-left-icon{
    width:14vw;
    height:14vw;
    box-sizing: border-box;
    border: solid 1.5vw #444;
    border-radius: 7vw;
    background-color: #3190E8;
    font-size: 6vw;
    color:#fff;

    display: flex;
    justify-content: center;
    align-items: center;

    margin-top: -4vw;
    margin-left: 3vw;

    position: relative;
}
.wrapper .cart .cart-left .cart-left-icon-quantity{
    width:4vw;
    height:4vw;
    border-radius: 2vw;
    background-color: red;
    color:#fff;
    font-size: 3vw;

    display:flex;
    justify-content: center;
    align-items: center;

    position: absolute;
    top:-1vw;
    right:-1vw;
}
.wrapper .cart .cart-left .cart-left-info p:first-child{
    color:#fff;
    font-size: 3.5vw;
    margin-top: 0.5vw;
}
.wrapper .cart .cart-left .cart-left-info p:last-child{
    color:#AAA;
    font-size: 2.5vw;
}
.wrapper .cart .cart-right{
    flex: 1;
    background-color: #38CA73;
}
/***********达到起送费时的样式***********/
.wrapper .cart .cart-right .cart-right-item{
    width:100%;
    height:100%;
    color:#fff;
    font-size: 4vw;
    font-weight: 700;
    user-select: none;
    cursor: pointer;
    background-color: #38CA73;

    display: flex;
    justify-content: center;
    align-items: center;
}
/***********不够起送费时的样式***********/
/*
.wrapper .cart .cart-right .cart-right-item{
    width:100%;
    height:100%;
    color:#fff;
    font-size: 4vw;
    font-weight: 700;
    user-select: none;
    background-color: #535356;

    display: flex;
    justify-content: center;
    align-items: center;
}
 */